<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%
 /**
  * @Class Name : IssueRegister.jsp
  * @Description : Issue Register 화면
  * @Modification Information
  * 
  * @author zbum
  * @since 2010-07-21
  * @version 1.0
  * @see
  *  
  * Copyright (C) All right reserved.
  */
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 코드관리 </title>
<link type="text/css" rel="stylesheet" href="<c:url value='/css/zbum/main.css'/>"/>
<link type="text/css" rel="stylesheet" href="<c:url value='/jquery/css/smoothness/jquery-ui-1.8.2.custom.css'/>"/>
<link type="text/css" rel="stylesheet" href="<c:url value='/jquery/css/ui.jqgrid.css' />"/>

<!--For Commons Validator Client Side-->
<script type="text/javascript" src="<c:url value='/cmmn/validator.do'/>"></script>
<validator:javascript formName="issueVO" staticJavascript="false" xhtml="true" cdata="false"/>

<script src="<c:url value='/jquery/js/jquery-1.4.2.min.js' />" type="text/javascript"></script>
<script src="<c:url value='/jquery/js/jquery-ui-1.8.2.custom.min.js' />" type="text/javascript"></script>
<script src="<c:url value='/jquery/js/grid.locale-en.js' />" type="text/javascript"></script>
<script src="<c:url value='/jquery/js/jquery.jqGrid.min.js' />" type="text/javascript"></script>

<script type="text/javaScript" language="javascript" defer="defer">
<!--
$(document).ready(function(){
	$("#menu").accordion({ active: 2 });
	$("#listButton, #regButton").button();
	$("#listButton").click(function(){
	    location.href="<c:url value='/issue/IssueList.do' />";
	    return false;
	});
	$("#regButton").click(function(){
		if ( !validateIssueVO( document.getElementById("issueVO") ) ) {
			return false;
		}
		$("#issueVO").submit();
	    
	    return false;
	});

	$("#regDate, #occurDate, #dueDate").datepicker({autoSize:true, dateFormat:"yy/mm/dd"});
});

// -->
</script>

<style type="text/css">
#top {
  height: 50px;
  margin: auto 10px auto 10px;
}

#main {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#menu_area {
  float: left;
  width: 200px;
  margin-right: 5px;
}

#content_area {
  float: left;
  width: 700px;
  padding-top: 1px;
}

#button_area {
  clear: both;
  float: right;
  margin-top: 5px;
}
  
</style>

</head>
<body>

<form:form commandName="codeVO" name="codeVO" id="codeVO" >
<div id="main" class="content" >
  <div id="top">
	<h1>Zbum Tracker</h1>
  </div>
  
  <div id="content" >
    <div id="menu_area">
      <c:import url="/cmmn/leftmenu.do"></c:import>
    </div>
	
	<div id="content_area">
	  <div class="ui-widget-header ui-corner-top" style="margin-bottom: 5px;">
	    <h2>Code Management</h2>
	  </div>
	  <c:forEach items="${codeGroupList}" var="codeGroup" varStatus="status">
	    <div style="vertical-align: bottom"> 
	      <span class="ui-icon ui-icon-circle-triangle-e"> </span> ${codeGroup.groupName}
	    </div> 
	  </c:forEach>
	  <table class="form" width="100%" border="1" cellpadding="0" cellspacing="0" >	
	  </table>
	  
	  <div id="button_area">
        <button id="listButton">list</button>
        <button id="regButton">register</button>
      </div>
      
    </div>
  </div>
</div>
</form:form>
</body>
</html>

